<template>
    <view id="main">
        <view class="content">
            <view class="title color_red fs_12">
                点击同步按钮，将同步国家系统最新数据到本系统
            </view>
            <view class="card">
                <view class="title fs_18 color_black">基本信息</view>
                <view class="item flex">
                    <view class="label fs_12">单位信息</view>
                </view>
                <view class="item flex">
                    <view class="label fs_12">废物信息</view>
                </view>
                <view class="item flex">
                    <view class="label fs_12">产生设施信息</view>
                </view>
                <view class="item flex">
                    <view class="label fs_12">贮存设施信息</view>
                </view>
                <view class="item flex">
                    <view class="label fs_12">利用/处置设施信息</view>
                </view>
            </view>
            <view class="btn-box flex">
                <zy-btn fontSize="16px" backgroundColor="#E14146">同步</zy-btn>
            </view>
        </view>
    </view>
</template>

<script lang="ts" setup>
const value = ref("123");
</script>

<style lang="scss" scoped>
.content {
    padding: 14px;
    width: 100vw;

    .title {
        margin: 10px 0;
    }

    .card {
        border-radius: 4px;
        margin: 0 0 20px 0;

        .item {
            justify-content: space-between;
            border-bottom: 1px solid #eee;
            padding: 16px 0;

            &:last-child {
                border-bottom: none;
            }

            .label {
                color: #1D2541;
                font-size: 14px;
            }
        }
    }

    .btn-box {
        justify-content: center;

        .zk_btn {
            width: 100%;
        }
    }
}
</style>
